.mui-actionsheet-panel {
  color: $colorTextMain;
  background-color: $colorBg;
  font-size: $fontSTitle;

  .mui-bar {

    margin-bottom: px2rem(20);
  }
}

// .mui-actionsheet__title {
//   background-color: #fff;
//   height: px2rem(88);
//   line-height: px2rem(88);
//   margin-bottom: px2rem(20);
// }



.mui-actionsheet__desc {
  margin-bottom: px2rem(20);
  color: $colorTextAssistant;
  font-size: $fontSBody;
  padding: 0 px2rem(96);
}

.mui-actionsheet__menu {
  background-color: #FFFFFF;
}

.mui-actionsheet__cell {
  position: relative;
  height: px2rem(112);
  line-height: px2rem(112);
  text-align: center;

  color: $colorTextMain;

  .mui-actionsheet__cell__bd {
    text-align: center;
  }

  .mui-actionsheet__cell__ft {
    position: absolute;
    right: px2rem(40);
    top: 0;
  }

  &:before {
    @include setTopLine($colorLineLight);
  }

  &:active {
    background-color: mix(#000, #fff, 4%)
  }

  // &.select {
  //   color: $colorTips;

  //   &:after {
  //     content: '';
  //     display: inline-block;
  //     width: px2rem(26);
  //     height: px2rem(29);
  //     background: url('') 0 0 no-repeat;
  //     background-size: cover;
  //     position: absolute;
  //     right: px2rem(32);
  //     top: 50%;
  //     transform: translate(0, -50%);
  //   }
  // }
}

.mui-actionsheet__ft {
  .mui-actionsheet_default {
    display: block;
    width: 100%;
    margin-top: px2rem(20);
    text-align: center;
    background-color: #fff;
    font-weight: 600;
    height: px2rem(112);
    line-height: px2rem(112);
    // font-size: px2rem(34);
    color: $colorTextMain;
  }

  .mui-actionsheet_warn {
    background-color: $colorWarn;
    color: #fff;
  }
}

.mui-actionsheet_toggle {
  transform: translate(0, 0);
}
